<template>
  <el-row :gutter="15">
    <el-col :span="16">
      <elCard>
        <span slot="header">热力图</span>
        <el-row style="height: 65vh">
          <HeatMap
              :mapInfo="mapSetting"
              :selectFrom="selectFrom"
          ></HeatMap>
        </el-row>
      </elCard>
    </el-col>
    <el-col :span="8">
      <elCard>
        <span slot="header">时间选择</span>
        <timeSelect
            @submitForm="submitForm"
        />
      </elCard>
    </el-col>
  </el-row>
</template>

<script>
// ------------ AMap ----------------
import HeatMap from "../../../../components/AMap/views/map-heatMap"
import {mapSetting} from "../../../../components/AMap/map_setting";
// ------------- element-ui -------------------
import elCard from "../../../../components/element-ui/elCard";
// ------------- 自定义组件 -----------------------
import timeSelect from "./timeSelect";

export default {
  components: {elCard, timeSelect, HeatMap},
  data() {
    return {
      selectFrom: {}
    }
  },
  methods: {
    /**
     * 监听到表单提交
     * @param val
     */
    submitForm: function (val) {
      this.selectFrom = val
    }
  },
  computed: {
    /**
     * 地图配置
     * */
    mapSetting: function () {
      return mapSetting("bigDataHeat")
    },

  },
}
</script>

<style scoped>

</style>